<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java"  pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="spring" uri="/WEB-INF/lib/spring.tld"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f" %>
<%@ taglib prefix="z" uri="/WEB-INF/lib/zerdoor.tld"%>
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title><spring:message code='task_list.title.msg' /></title>
    <link href="${path}/style/acg/css/style.css" rel="stylesheet" type="text/css" />
    <script src="${path}/js/jquery.min.js" type="text/javascript"></script>
    <link href="${path}/plugins/page/kkpager.css" rel="stylesheet">
    <script src="${path}/plugins/page/kkpager.js" type="text/javascript"></script>


    <script type="text/javascript">
        $(function(){
            //f_initQueryData();

            //f_aClick("dd a","#first_class");
            f_init();

        });

        function f_init(){
            //初始化绑定a事件
            f_aClick(".commission a","#budgetRegion");
            f_aClick(".demandTime a","#durplusDay");
            f_aClick(".clientType a","#clientType");
            f_aClick(".demandAdds a","#demandAdds");
            f_aClick(".currentState a","#currentProgress");
            f_aClick(".orderbyClass a","#orderBy");

            initBeanInfo(1,10,decodeURI("${keyword}"),"${firstClass}","${secondClass}");

            $("#likeQuery").click(function(){
                initBeanInfo(1,10);
            });

            f_findPajectType("1",1,"${firstClass}","${secondClass}");

            $(".morec").click(function(){
                if($(this).html()=="<spring:message code='task_list.msg.more'/>&gt;&gt;")
                {
                    var _h=$("#sortbig").find("dd").height();
                    $("#sortbig").css({"height":_h+"px"});
                    $(this).html("<spring:message code='task_list.msg.collapse'/>");
                }
                else
                {
                    $("#sortbig").css({"height":"24px"});
                    $(this).html("<spring:message code='task_list.msg.more'/>&gt;&gt;");
                }
            })

        }

        /**a点击事件 传入选择器*/
        function f_aClick(selID,inputID){



            $(selID).click(function() {
                $(selID).removeClass("on");

                $(this).addClass("on");

                if(inputID != null && inputID != undefined){

                    $(inputID).val($(this).attr("value"));
                }
                initBeanInfo(1,10);

            });

        }




        /**初始化查询数据*/
        function f_initQueryData(){

            f_findPajectType("1",1);
        }

        /**查询项目分类*/
        function f_findPajectType(parent,level,firstClass,secondClass){


            //如果等于空就表示选择的为全部
            if(parent == ""){
                $("#sortsmall").hide();
                $("#sortsmall").find(".twom").html("");
                //给隐藏表单赋空值
                $("#first_class").val("");
                $("#second_class").val("");

                initBeanInfo(1,10);
                return;
            }

            //如果值相等，表示点击相同的标签，不做操作
            if($("#first_class").val() == parent ){

                return;
            }else{
                //不相等则清空二级表单
                $("#second_class").val("");
            }

            $.post("${path}/taskList/findTaskTypeByParent.html", { parent: parent},
                    function(data, textStatus){

                        if(level == 1){
                            var html = "";
                            if(firstClass != undefined && firstClass != ""){
                                html +=  "<a href='javascript:;' value='' ><spring:message code='task_list.where.all'/></a>";
                            }else{
                                html +=  "<a href='javascript:;' value='' class='on'  ><spring:message code='task_list.where.all'/></a>";
                            }



                            for(i in data){

                                var type = data[i];



                                if(firstClass != undefined && firstClass == type.id){

                                    html += "<a class='on' value='"+type.id+"' href='javascript:;'>"+type.name+"</a>";


                                }else{
                                    html += "<a  value='"+type.id+"' href='javascript:;'>"+type.name+"</a>";
                                }



                            }

                            $(".first_class").html(html);

                            //模拟点击事件
                            if(firstClass != undefined && firstClass != ""){


                                //查询二级分类
                                f_findPajectType(firstClass,2,firstClass,secondClass);


                                $("#first_class").val(firstClass);
                                //更多
                                var _h=$("#sortbig").find("dd").height();
                                $("#sortbig").css({"height":_h+"px"});
                                $(".morec").html("<spring:message code='task_list.msg.collapse'/>");


                            }

                            //绑定事件
                            $("#sortbig a").click(function(){

                                //查询二级分类
                                f_findPajectType($(this).attr("value"),2);

                                $(this).addClass("on").siblings().removeClass("on");

                                $("#first_class").val($(this).attr("value"));


                            });

                        }else{
                            var html = "";

                            if(secondClass != "" && secondClass != undefined){
                                html += "<a href='javascript:;' value=''><spring:message code='task_list.where.all'/></a>";

                                $("#second_class").val(secondClass);

                            }else{
                                html += "<a href='javascript:;' value='' class='on'><spring:message code='task_list.where.all'/></a>";
                            }


                            for(i in data){

                                var type = data[i];



                                if(secondClass != "" && secondClass == type.id){
                                    html += "<a  class='on' href='javascript:;' value='"+type.id+"'>"+type.name+"</a>";



                                }else{
                                    html += "<a href='javascript:;' value='"+type.id+"'>"+type.name+"</a>";
                                }


                            }
                            $("#sortsmall").show();
                            $("#sortsmall").find(".twom").html(html);
                            initBeanInfo(1,10);

                            //绑定事件
                            $("#sortsmall a").click(function(){
                                $(this).addClass("on").siblings().removeClass("on");

                                $("#second_class").val($(this).attr("value"));

                                initBeanInfo(1,10);

                            });

                        }
                    });
        }


        var pageSize = 10;
        /**查询任务信息*/
        function initBeanInfo(page, rows,keyword,firstClass,secondClass) {
        /**查询任务信息*/
            pageSize = rows;

            /***设置查询数据*/
            var first_class = $("#first_class").val();//一级分类
            var second_class = $("#second_class").val();//二级分类
            var budgetRegion = $("#budgetRegion").val();//佣金
            var durplusDay = $("#durplusDay").val();//截止日期
            var currentProgress = $("#currentProgress").val();//当前状态
            var title = $("#title").val();//标题
            if(title == "<spring:message code='task_list.input.project'/>"){
                title = "";
            }

            var orderBy = $("#orderBy").val();//排序
            var clientType = $("#clientType").val();//客户信用

            if(keyword != undefined){


                    title = keyword;
                    $("#title").val(title);

            }

            if(firstClass != undefined){
                first_class = firstClass;
            }
            if(secondClass != undefined){
                second_class = secondClass;
            }


            var param = {rows:rows, page:page, first_class:first_class,second_class:second_class,budgetRegion:budgetRegion,
                durplusDay:durplusDay,item_status:currentProgress,title:title,orderBy:orderBy,clientType:clientType
            };



            $.ajax({
                type: "POST",
                url: "${path}/taskList/findTaskInfo.html",
                data: param,
                dataType: "json",
                success: function(data){


                    var html = "";

                    var boo = $(".orders .org").attr("value");


                    if(boo == "false"){

                        html = f_getTableStyle(data);

                    }else{

                        html = f_getImgStyle(data);
                    }


                    $("#dataListDiv").html(html);

                    var pager = data;
                    //分页
                    createPage(pager.pageNum, pager.pages, pager.total);

                }
            });
        }

        /**
         * 列表模式
         * @param tackInfo
         * @returns {string}
         */
        function f_getTableStyle(data){
            var html = "";

            for(var i in data.list) {

                var tackInfo = data.list[i];

                if (tackInfo.budget == undefined) {
                    tackInfo.budget = '0.00';
                }
                if (tackInfo.durplusDay == undefined) {
                    tackInfo.durplusDay = '0';
                }

                html += "<div class=\"list_item\">";
                html += "       <div class=\"litop\"></div>";
                html += " <div class=\"limain clearfix\">";
                html += "        <div class=\"liimg\"><a href='${path}/taskdetail/index.html?taskId="+tackInfo.item_id+"'><img src=\"${path}/"+tackInfo.item_front_cover+"\" width=\"292\" height=\"18\" /></a></div>";
                html += "<div class=\"licon\">";
                html += "        <h2><a href='${path}/taskdetail/index.html?taskId="+tackInfo.item_id+"'>"+tackInfo.title+"</a></h2>";
                html += "<div class=\"shuxing\">";
                if (tackInfo.av_order_id != null && tackInfo.av_order_id != "") {
                    html += "        <span><em class=\"top\"></em><spring:message code='task_list.msg.stick'/></span>";
                }
                var language = "${language}";

                if(language == null || language == ""){
                    language = "zh_cn";
                }
                if(language != tackInfo.lang){
                    html += "<span><em class=\"gj\"></em><spring:message code='task_list.msg.intelProject'/></span>";

                }


                html += "</div>";
                html += "<div class=\"intro\">";
                html += tackInfo.description;
                html += "</div>";
                html += "<div class=\"count_time\">";
                html += "        <span class=\"uico\"><spring:message code='task_list.msg.have'/><em>"+tackInfo.affiliatedPersonNum+"</em><spring:message code='task_list.msg.peopleInvolved'/></span>";

                if(tackInfo.durplusDay < 0 ){
                    html +=       "<span class=\"tico\">已截止</span>";
                }else{
                    html +=       "<span class=\"tico\"><spring:message code='task_list.msg.will'/><em>"+tackInfo.durplusDay+"</em><spring:message code='task_list.msg.deadline'/></span>";
                }


                html += " </div>";

                if(tackInfo.budget == -1){
                    html += "<div class=\"price\"><spring:message code='task_list.msg.msg1' /></div>";
                }else{
                    html += "<div class=\"price\">￥"+tackInfo.budget+"</div>";
                }

                html += "</div>";
                html += "<a class=\"viewbtn\" href='${path}/taskdetail/index.html?taskId="+tackInfo.item_id+"' title=\"<spring:message code='task_list.msg.learnMore'/>\"><spring:message code='task_list.msg.learnMore'/></a>";
                html += "</div>";
                html += "<div class=\"lifoot\"></div>";
                html += "</div>";

            }
            return html;
        }

        /**
        * 大图模式
        * @param data
         */
        function f_getImgStyle(data){

            var html = "";

            for(var i in data.list) {

                var tackInfo = data.list[i];

                if (tackInfo.budget == undefined) {
                    tackInfo.budget = '0.00';
                }
                if (tackInfo.durplusDay == undefined) {
                    tackInfo.durplusDay = '0';
                }

                var nomr = "";

                if(i % 3 == 0){
                    nomr = "nomr";
                }

                html += "<div class='list_item2 "+nomr+"'>";
                html += "<div class='litop'></div>";
                html += "<div class='limain clearfix'>";
                html += "<div class='liimg'><a href='${path}/taskdetail/index.html?taskId="+tackInfo.item_id+"'><img src=\"${path}/"+tackInfo.item_front_cover+"\" width='292' height='180' /></a></div>";
                html += "<div class='licon'>";
                html += "<h2><a href='${path}/taskdetail/index.html?taskId="+tackInfo.item_id+"'>"+tackInfo.title+"</a></h2>";
                html += "<div class='shuxing'>";
                if (tackInfo.av_order_id != null && tackInfo.av_order_id != "") {
                    html += "        <span><em class=\"top\"></em><spring:message code='task_list.msg.stick'/></span>";
                }
                var language = "${language}";

                if(language == null || language == ""){
                    language = "zh_cn";
                }
                if(language != tackInfo.lang){
                    html += "<span><em class=\"gj\"></em><spring:message code='task_list.msg.intelProject'/></span>";

                }
//                html += "<span><em class='top'></em>置顶</span>";
//                html += "<span><em class='gj'></em>国际项目</span>";
                html += "</div>";
                html += "<div class='intro'>";
                html += tackInfo.description;
                html += "</div>";
                html += "<div class='count_time'>";
                html += "        <span class=\"uico\"><spring:message code='task_list.msg.have'/><em>"+tackInfo.affiliatedPersonNum+"</em><spring:message code='task_list.msg.peopleInvolved'/></span>";
                if(tackInfo.durplusDay < 0 ){
                    html +=       "<span class=\"tico\">已截止</span>";
                }else{
                    html +=       "<span class=\"tico\"><spring:message code='task_list.msg.will'/><em>"+tackInfo.durplusDay+"</em><spring:message code='task_list.msg.deadline'/></span>";
                }

                html += "</div>";
                if(tackInfo.budget == -1){
                    html += "<div class=\"price\"><spring:message code='task_list.msg.msg1' /></div>";
                }else{
                    html += "<div class=\"price\">￥"+tackInfo.budget+"</div>";
                }
                html += "</div>";
                html += "<a href='${path}/taskdetail/index.html?taskId="+tackInfo.item_id+"' class=\"viewbtn\" title=\"<spring:message code='task_list.msg.learnMore'/>\"><spring:message code='task_list.msg.learnMore'/></a>";
                html += "</div>";
                html += "<div class='lifoot'></div>";
                html += "</div>";

            }

            return html;

        }


        //分页方法
        //currentPage 当前页
        //rows 每页条数
        //total 总数
        function createPage(currentPage, totalPage, totalCount) {
            var totalPage = totalPage;
            var totalRecords = totalCount;
            var pageNo = currentPage;
            if (!pageNo) {
                pageNo = 1;
            }
            //生成分页
            //有些参数是可选的，比如lang，若不传有默认值
            kkpager.generPageHtml({
                pno: pageNo,
                //总页码
                total: totalPage,
                //总数据条数
                totalRecords: totalRecords,
                //链接前部
                hrefFormer: 'index',
                //链接尾部
                hrefLatter: '',
                //是否显示总页数
                isShowTotalPage: true,
                //是否显示总记录数
                isShowTotalRecords: true,
                //是否显示页码跳转输入框
                isGoPage: true,
                //getLink: function (n) {
                //    return this.hrefFormer + this.hrefLatter + "?pno=" + n;
                //}
                //,
                mode : 'click',//默认值是link，可选link或者click
                click : function(n){
                    //this.selectpage(n);
                    initBeanInfo(n, pageSize);
                    return false;
                },
                lang				: {
                    firstPageText			: '<spring:message code="firstPageText"/>',
                    firstPageTipText		: '<spring:message code="firstPageTipText"/>',
                    lastPageText			: '<spring:message code="lastPageText"/>',
                    lastPageTipText			: '<spring:message code="lastPageTipText"/>',
                    prePageText				: '<spring:message code="prePageText"/>',
                    prePageTipText			: '<spring:message code="prePageTipText"/>',
                    nextPageText			: '<spring:message code="nextPageText"/>',
                    nextPageTipText			: '<spring:message code="nextPageTipText"/>',
                    totalPageBeforeText		: '<spring:message code="totalPageBeforeText"/>',
                    totalPageAfterText		: '<spring:message code="totalPageAfterText"/>',
                    totalRecordsAfterText	: '<spring:message code="totalRecordsAfterText"/>',
                    gopageBeforeText		: '<spring:message code="gopageBeforeText"/>',
                    gopageButtonOkText		: '<spring:message code="gopageButtonOkText"/>',
                    gopageAfterText			: '<spring:message code="gopageAfterText"/>',
                    buttonTipBeforeText		: '<spring:message code="buttonTipBeforeText"/>',
                    buttonTipAfterText		: '<spring:message code="buttonTipAfterText"/>'
                }
            },true);
        }

        //切换模式
        function f_changeType(obj){




            $(".orders .org").attr('class',"grey");
            $(obj).attr('class',"org");
            initBeanInfo(1,10);
        }
    </script>
</head>


<body>
<div class="header">
    <jsp:include page="../public/header.jsp">
        <jsp:param    name="home"    value="dddd"    />
    </jsp:include>
</div>

<div id="container">
<div class="wrapper">
<div class="wrapleft">
<div class="sortbox">
    <ul>
        <%--<li>--%>
            <%--<dl class="clearfix projectType" >--%>
                <%--<dt><spring:message code='task_list.where.proClassif'/>：</dt>--%>
                <%--<dd>--%>
                    <%--<a  value="" class="on"><spring:message code='task_list.where.all'/></a>--%>
                    <%--<a  value="1">卡牌插画</a>--%>
                    <%--<a  value="2">3D建模</a>--%>
                    <%--<a  value="3">角色设计</a>--%>
                    <%--<a  value="4">场景设计</a>--%>
                    <%--<a  value="5">UI设计</a>--%>
                <%--</dd>--%>
            <%--</dl>--%>
            <%--<input type="hidden" id="first_class"><input type="hidden" id="second_class">--%>
        <%--</li>--%>
            <li>
                <dl id="sortbig" class="clearfix">
                    <dt><spring:message code='task_list.where.proClassif'/>：</dt>
                    <dd class="first_class">

                    </dd>
                </dl>
                <div class="morec"><spring:message code='task_list.msg.more'/>>></div>
                <dl class="clearfix" id="sortsmall" style="display:none"><!--若需要隐藏该层display:none-->
                    <dt>&nbsp;&nbsp;</dt>
                    <dd>
                        <div class="twom">

                        </div>
                    </dd>
                </dl>
                <input type="hidden" id="first_class"><input type="hidden" id="second_class">
            </li>
        <li>
            <dl class="clearfix commission">
                <dt><spring:message code='task_list.where.commissionInterval'/>：</dt>
                <dd>
                    <a  value="" class="on"><spring:message code='task_list.where.all'/></a>
                    <a  value="0-1000">1000&nbsp;<spring:message code='task_list.where.theFollowing'/></a>
                    <a  value="1000-5000">1000&nbsp;<spring:message code='task_list.where.to'/>&nbsp;5000</a>
                    <a  value="5000-10000">5000&nbsp;<spring:message code='task_list.where.to'/>&nbsp;10000</a>
                    <a  value="10000-50000">10000&nbsp;<spring:message code='task_list.where.to'/>&nbsp;50000</a>
                    <a  value="50000-999999999">50000&nbsp;<spring:message code='task_list.where.orMore'/></a>
                </dd>

            </dl>
            <input type="hidden" id="budgetRegion">
        </li>
        <li>
            <dl class="clearfix demandTime">
                <dt><spring:message code='task_list.where.cutoffTime'/>：</dt>
                <dd>
                    <a  value="" class="on"><spring:message code='task_list.where.all'/></a>
                    <a  value="0-7" >7&nbsp;<spring:message code='task_list.where.day'/>&nbsp;<spring:message code='task_list.where.within'/></a>
                    <a  value="7-15" >7&nbsp;<spring:message code='task_list.where.to'/>15<spring:message code='task_list.where.day'/></a>
                    <a  value="15-30" >15&nbsp;<spring:message code='task_list.where.to'/>30<spring:message code='task_list.where.day'/></a>
                    <a  value="30-60" >30&nbsp;<spring:message code='task_list.where.to'/>60<spring:message code='task_list.where.day'/></a>
                    <a  value="60-999999999" >60&nbsp;<spring:message code='task_list.where.day'/>&nbsp;<spring:message code='task_list.where.orMore'/></a>
                </dd>
            </dl>
            <input type="hidden" id="durplusDay">
        </li>
        <li>
            <dl class="clearfix clientType" >
                <dt><spring:message code='task_list.where.customerCredit'/>：</dt>
                <dd>
                    <a  value="" class="on"><spring:message code='task_list.where.all'/></a>
                    <c:forEach items="${vipLevelList}" var="vipLevel">
                        <a  value="${vipLevel.start_trading}-${vipLevel.end_trading}">${vipLevel.name}</a>
                    </c:forEach>




                </dd>
            </dl>
            <input type="hidden" id="clientType">
        </li>
        <%--<li>--%>
        <%--<dl class="clearfix">--%>
        <%--<dt>需求地区：</dt>--%>
        <%--<dd>--%>
        <%--<a href="" class="on">全部</a>--%>
        <%--<a href="">中国</a>--%>
        <%--<a href="">日本</a>--%>
        <%--<a href="">北美</a>--%>
        <%--</dd>--%>
        <%--</dl>--%>
        <%--</li>--%>
        <li>
            <dl class="clearfix currentState">
                <dt><spring:message code='task_list.where.currentState'/>：</dt>
                <dd>
                    <a  value=""><spring:message code='task_list.where.all'/></a>
                    <a  value="107102" class="on"><spring:message code='task_list.where.onGoing'/></a>
                    <a  value="107105"><spring:message code='task_list.where.haveFinished'/></a>
                </dd>
            </dl>
            <input type="hidden" id="currentProgress" value="107102">
        </li>
    </ul>
</div>
<div class="listbox">
<div class="listhead orderby">
    <ul>
        <li class="orderbyClass"><a  value="is_recom desc" class="on"><spring:message code='task_list.order.recom'/></a></li>
        <li class="orderbyClass"><a  value="publish_time desc" ><spring:message code='task_list.order.published'/></a></li>
        <li class="orderbyClass"><a  value="durplusDay" ><spring:message code='task_list.order.timeLeft'/></a></li>
        <li class="orderbyClass"><a  value="affiliatedPersonNum desc" ><spring:message code='task_list.order.participateHeat'/></a></li>
        <li class="orderbyClass"><a  value="budget desc"><spring:message code='task_list.order.price'/></a></li>
        <li class="orders">
        <a onclick="f_changeType(this)"  class="grey" value="true" title="<spring:message code='task_list.msg.msg2' />"></a>
        <a onclick="f_changeType(this)"  class="org" value="false" title="<spring:message code='task_list.msg.msg3' />"></a>
        </li>

        <li class="research">
        <input id="orderBy" type="hidden" value="is_recom desc">
        <input class="txt" id="title" type="text" autocomplete="off" name="key" value="<spring:message code='task_list.input.project'/>" onFocus="if(this.value=='<spring:message code='task_list.input.project'/>'){this.value='';}"  onblur="if(this.value==''){this.value='<spring:message code='task_list.input.project'/>';}" />
        <input id="likeQuery" type="submit" value="<spring:message code='task_list.button.search'/>" class="btn" />
        </li>

    </ul>
</div>
<div class="listcontainer">
<div class="listview clearfix">
<div id="dataListDiv"></div>

<div class="clr"></div>
</div>
<div class="pagebox">
    <div id="kkpager" style="text-align: center"></div>
</div>
</div>
</div>
</div>
<div class="wrapright">
    <div class="bztxbox">
        <h2><span><spring:message code='task_list.msg.msg4' /></span></h2>
        <h3><a href="javascript:void(0);"><spring:message code='task_list.msg.msg5' /></a></h3>
        <div class="bztxlist">
            <li><a href="javascript:void(0);"><spring:message code='task_list.msg.msg6' /></a></li>
            <li><a href="javascript:void(0);"><spring:message code='task_list.msg.msg7' /></a></li>
            <li class="nomr"><a href="javascript:void(0);"><spring:message code='task_list.msg.msg8' /></a></li>
        </div>
    </div>
    <%--<div class="clientdown"><a href="javascript:void(0);"><img src="${path}/style/acg/images/clientdown.jpg" width="330" height="160" /></a></div>--%>
    <%--<div class="eliteproject">--%>
        <%--<div class="elitetit">推荐项目</div>--%>
        <%--<div class="elitelist">--%>
            <%--<ul class="clearfix">--%>
                <%--<li>--%>
                    <%--<a href=""><img src="upload/1.jpg" width="292" height="180" /></a>--%>
                    <%--<div class="txt">--%>
                        <%--<h3><a href="">阿索泰斯公司动作角色扮演手机游戏角色原画设计</a></h3>--%>
                        <%--<p><span class="price">￥6000</span><span  class="more"><a href="">了解详情</a></span></p>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<a href=""><img src="upload/2.jpg" width="292" height="180" /></a>--%>
                    <%--<div class="txt">--%>
                        <%--<h3><a href="">阿索泰斯公司动作角色扮演手机游戏角色原画设计</a></h3>--%>
                        <%--<p><span class="price">￥6000</span><span  class="more"><a href="">了解详情</a></span></p>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<a href=""><img src="upload/3.jpg" width="292" height="180" /></a>--%>
                    <%--<div class="txt">--%>
                        <%--<h3><a href="">阿索泰斯公司动作角色扮演手机游戏角色原画设计</a></h3>--%>
                        <%--<p><span class="price">￥6000</span><span  class="more"><a href="">了解详情</a></span></p>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<a href=""><img src="upload/4.jpg" width="292" height="180" /></a>--%>
                    <%--<div class="txt">--%>
                        <%--<h3><a href="">阿索泰斯公司动作角色扮演手机游戏角色原画设计</a></h3>--%>
                        <%--<p><span class="price">￥6000</span><span  class="more"><a href="">了解详情</a></span></p>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<a href=""><img src="upload/5.jpg" width="292" height="180" /></a>--%>
                    <%--<div class="txt">--%>
                        <%--<h3><a href="">阿索泰斯公司动作角色扮演手机游戏角色原画设计</a></h3>--%>
                        <%--<p><span class="price">￥6000</span><span  class="more"><a href="">了解详情</a></span></p>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<a href=""><img src="upload/6.jpg" width="292" height="180" /></a>--%>
                    <%--<div class="txt">--%>
                        <%--<h3><a href="">阿索泰斯公司动作角色扮演手机游戏角色原画设计</a></h3>--%>
                        <%--<p><span class="price">￥6000</span><span  class="more"><a href="">了解详情</a></span></p>--%>
                    <%--</div>--%>
                <%--</li>--%>
                <%--<li>--%>
                    <%--<a href=""><img src="upload/7.jpg" width="292" height="180" /></a>--%>
                    <%--<div class="txt">--%>
                        <%--<h3><a href="">阿索泰斯公司动作角色扮演手机游戏角色原画设计</a></h3>--%>
                        <%--<p><span class="price">￥6000</span><span  class="more"><a href="">了解详情</a></span></p>--%>
                    <%--</div>--%>
                <%--</li>--%>
            <%--</ul>--%>
        <%--</div>--%>
    <%--</div>--%>
</div>
<div class="clr"></div>
</div>
</div>
<div id="footer">
    <!--content-->
    <jsp:include page="../public/footer.jsp"></jsp:include>
</div>

<%--<script type="text/javascript" src="${path}/style/acg/js/common.js"></script>--%>
</body>
</html>
